@charset "utf-8";
/*select元素*/
.obj_select{display:inline-block; text-align:left; border:1px solid #999;background:#FFF; padding-right:20px; height:28px; line-height:28px; position:relative; z-index:1; cursor:default; border-radius:5px; white-space:nowrap; *width:80px; /*脑残IE要有宽度才生效*/}
.obj_select span{ text-indent:5px; width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:1;}
.obj_select i{height:100%; display:block; position:absolute; top:0; right:0; width:20px; text-align:center; transition:all 0.2s ease;}
.obj_select ul{display:none;}
.obj_select ul.x{ position:absolute; display:block; background:inherit; width:100%; border:1px solid #999; border-top:0; left:-1px; box-shadow:0px 2px 3px #666; border-radius:0 0 5px 5px; z-index:0; overflow:hidden;}
.obj_select ul.x li{ display:block; color:#08c; text-indent:5px; transition:all 0.1s; line-height:30px;}
.obj_select ul.x li:hover{ background:#08c; color:#FFF;}
.obj_select:hover{border-radius:5px 5px 0 0;}
.obj_select:hover i{
transform: rotate(180deg);
-ms-transform: rotate(180deg);		/* IE 9 */
-webkit-transform: rotate(180deg);	/* Safari and Chrome */
-o-transform: rotate(180deg);		/* Opera */
-moz-transform: rotate(180deg);		/* Firefox */
}

/*checkbox元素*/
.obj_checkbox{display:inline-block; border:1px solid #ccc; height:18px; width:28px; border-radius:3px; position:relative; background:#FFF; text-align:right; cursor:pointer; box-shadow:1px 1px 1px #ccc inset; vertical-align:middle;}
.obj_checkbox i{ position:absolute; height:100%; width:10px; background:#ccc; right:auto; left:0; top:0;  border-radius:3px; box-shadow:1px 1px 2px #999; transition:all 0.1s;}
.obj_checkbox:hover i{ right:auto; left:3px;}
.obj_checkbox.x{ background:#08c; text-align:left; border-color:#08c; box-shadow:0px 0px 0px}
.obj_checkbox.x i{right:0; left:auto; background:#f0f0f0;}
.obj_checkbox.x:hover i{ right:3px; left:auto;}
.obj_checkbox_less{ height:18px; width:18px; line-height:18px; display:inline-block; border:1px solid #ccc; border-radius:3px; position:relative; background:#FFF; text-align:center; cursor:pointer; vertical-align:middle;}
.obj_checkbox_less i{ width:100%; width:100%; position:absolute; left:0; top:0; font-size:12px; color:#ccc; transition:all 0.1s;}
.obj_checkbox_less:hover{border-color:#08c;}
.obj_checkbox_less.x{ border-color:#08c;}
.obj_checkbox_less.x i{ color:#08c;}
.obj_checkbox_less.x:hover{border-color:#ccc;}

/*text元素*/
.obj_text{ border:1px solid #CCC; border-radius:3px; line-height:28px; height:28px; text-indent:5px; color:#666; background:#FFF; padding:0;}
.obj_text.err{ border-color:#f00;}
.obj_text:focus{ border-color:#08c;}
.obj_text.forb{ background:#f0f0f0; border-color:#CCC;}
.obj_text_txt{ line-height:20px; color:#b5de70; text-indent:6px; display:none;}
.obj_text_txt i{ padding-right:5px;}
.obj_text_txt.err{color:#f17975;}

.obj_text_date{ text-indent:30px; background-repeat:no-repeat; background-position:5px center; background-image:url(img/date.jpg);}
.obj_text_date_load{ background-image:url(img/load.gif); text-indent:30px;}

/*tilprint元素*/
.obj_tilprint_til,.obj_tilprint_main{ width:80%; margin:0 auto;}
.obj_tilprint_til{ border-bottom:1px solid #CCC; padding-bottom:10px; font:bold 30px/1.5 tahoma,arial,Hiragino Sans GB;}
.obj_tilprint_main{ padding-top:20px;}

/*tipbox元素*/
.obj_tipbox{padding:20px; border:1px solid #eee; overflow:hidden; zoom:1; position:relative; z-index:0; color:#08c;}
.obj_tipbox i{ font-size:46px; position:absolute; top:10px; left:20; width:40px; text-align:center;}
.obj_tipbox ul{ display:block; padding-left:60px;}
.obj_tipbox ul li{ overflow:hidden; zoom:1; color:#808080;}
.obj_tipbox p{ color:#333;}
.obj_tipbox span{ display:block; color:#808080; padding:5px 0;}
.obj_tipbox li > a{ color:#08c; cursor:pointer;}
.obj_tipbox li > a.cc{ color:#bbb;}
.obj_tipbox li > a:hover{ text-decoration:underline;}
.obj_tipbox_0{ background:#FFF;}  /*无样式*/
.obj_tipbox_1{ background:#e5f2f8; border-color:#b2e2ea;}  /*提示*/
.obj_tipbox_2,.obj_tipbox_5{ background:#FDEEE9; border-color:#fadcd3; color:#f17975;}  /*错误,阻止*/
.obj_tipbox_3{ background:#fefea4; border-color:#e6e098; color:#f96;}  /*警告*/
.obj_tipbox_4{ background:#edfed0; border-color:#E1E1CA; color:#b5de70;}  /*成功*/
.obj_tipbox_6{ background:#FFF9D9; border-color:#fae3cc; color:#d1a066;}  /*等待*/

/*alert元素*/
.obj_alert_bg{ overflow:hidden; zoom:1; position:relative; -webkit-filter:blur(1px); -moz-filter: blur(1px);-o-filter: blur(1px);-ms-filter: blur(1px);filter: blur(1px); z-index:0;}
.obj_alert{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.2); z-index:9;}
.obj_alert_box{ max-width:80%; min-width:400px; display:table; position:relative; top:50%; margin:0 auto; background:#FFF; border-radius:5px; box-shadow:0 0 10px #666; overflow:hidden; animation:obj_alert_box 0.2s;-moz-animation:obj_alert_box 0.2s;-webkit-animation:obj_alert_box 0.2s;-o-animation:obj_alert_box 0.2s;}
.obj_alert_til{ widows:100%; height:40px; background:#f2f2f2; border:1px solid #CCC; text-indent:10px; color:#666; font:normal 18px/40px tahoma,arial,Hiragino Sans GB,"Microsoft Yahei";}
.obj_alert_main{ padding:20px; color:#333; font-size:14px;}
.obj_alert_load{ background:url(img/load.gif) no-repeat 20px center; padding:20px 20px 20px 70px; color:#333; font-size:14px;}
.obj_alert_iframe{ position:relative;}
.obj_alert_iframe #obj_alert_ok{ position:absolute; top:-35px; right:5px; width:30px; height:30px; background:#ccc; font:normal 24px/30px Arial; color:#FFF; border:0; border-radius:50%; cursor:pointer;}
.obj_alert_iframe #obj_alert_ok:hover{ background:#f17975; transition:all 0.2s ease;}
.obj_alert_hide{ display:none;}
.obj_alert_but{ text-align:right; padding:10px;}
.obj_alert.x{transition:all 0.2s; opacity:0;}
.obj_alert.x .obj_alert_box{ -webkit-transform: scale(0.1); opacity:0;animation:obj_alert_box_c 0.2s;-moz-animation:obj_alert_box_c 0.2s;-webkit-animation:obj_alert_box_c 0.2s;-o-animation:obj_alert_box_c 0.2s;}
.obj_alert_input{ display:block; width:100%; margin-top:10px;}
@keyframes obj_alert_box{0%{transform: scale(0.1); opacity:0;}80%{transform: scale(1.1); opacity:1;}100%{transform: scale(1);}}
@-webkit-keyframes obj_alert_box{0%{-webkit-transform: scale(0.1); opacity:0;}80%{-webkit-transform: scale(1.1); opacity:1;}100%{-webkit-transform: scale(1);}}
@-moz-keyframes obj_alert_box{0%{-moz-transform: scale(0.1); opacity:0;}80%{-moz-transform: scale(1.1); opacity:1;}100%{-moz-transform: scale(1);}}
@-o-keyframes obj_alert_box{0%{-o-transform: scale(0.1); opacity:0;}80%{-o-transform: scale(1.1); opacity:1;}100%{-o-transform: scale(1);}}
@keyframes obj_alert_box_c{0%{transform: scale(1); }20%{transform: scale(1.1); opacity:1;}100%{transform: scale(0.1); opacity:0;}}
@-webkit-keyframes obj_alert_box_c{0%{-webkit-transform: scale(1); }20%{-webkit-transform: scale(1.1); opacity:1;}100%{-webkit-transform: scale(0.1); opacity:0;}}
@-moz-keyframes obj_alert_box_c{0%{-moz-transform: scale(1); }20%{-moz-transform: scale(1.1); opacity:1;}100%{-moz-transform: scale(0.1); opacity:0;}}
@-o-keyframes obj_alert_box_c{0%{-o-transform: scale(1); }20%{-o-transform: scale(1.1); opacity:1;}100%{-o-transform: scale(0.1); opacity:0;}}
